<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta content="width=device-width,initial-scale=1.0, user-scalable=no" name="viewport" />
    <meta content="yes" name=" apple-mobile-web-app-capable" />
    <meta content="no" name="apple-touch-fullscreen" />
    <meta content="black" name=" apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection"/>
    <title>登陆页</title>
    <script src="../../20190815_blue_style_home_page/js/base.min.js"></script>
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1354128_s3h6f31xqtd.css"/>
    <link rel="stylesheet" href="../css/licai.css"/>
</head>


<body>

<section class="banner"></section>


<section class="diamond" flex>
    <div flex="cross:center dir:top">
        <div class=" yuan yuan1">
            <i class="iconfont iconhuangguan"></i>
        </div>
        <span>会员专区</span>
    </div>
    <div flex="cross:center dir:top">
        <div class="yuan yuan2">
            <i class="iconfont iconlicai zhu"></i>
        </div>
        <span>会员专区</span>
    </div>
    <div flex="cross:center dir:top">
        <div class="yuan yuan3">
            <i class="iconfont iconziyuan"></i>
        </div>
        <span>会员专区</span>
    </div>
    <div flex="cross:center dir:top">
        <div class="yuan yuan4">
            <i class="iconfont icongift"></i>
        </div>
        <span>会员专区</span>
    </div>
</section>



<section class="f1">
    <div class="new" flex="cross:center">
        <div></div>
        <span>新人专享</span>
    </div>
    <ul>
        <li>
            <div flex="main:justify cross:center">
                <h1>7.5%</h1>
                <div class="f1-you">
                    <h6>包图省心宝</h6>
                    <span>锁定期90天</span>
                </div>
            </div>
            <div class="f1-jindu">
                <div></div>
            </div>
        </li>
        <li>
            <div flex="main:justify cross:center">
                <h1>8.5%</h1>
                <div class="f1-you">
                    <h6>包图省心宝</h6>
                    <span>锁定期90天</span>
                </div>
            </div>
            <div class="f1-jindu">
                <div></div>
            </div>
        </li>
        <li>
            <div flex="main:justify cross:center">
                <h1>7.5%</h1>
                <div class="f1-you">
                    <h6>包图省心宝</h6>
                    <span>锁定期90天</span>
                </div>
            </div>
            <div class="f1-jindu">
                <div></div>
            </div>
        </li>
    </ul>
</section>




<section class="f2">

    <div class="choice" flex="cross:center">
        <div></div>
        <span>新人专享</span>
    </div>

    <div class="jijin" flex="cross:center">
        <div>基金</div>
        <p>一日存入  月月取息</p>
    </div>

    <div class="shuju" flex="main:justify cross:center">
        <div class="f2-zuo">
            <h1>6.18% </h1>
            <span>七日年化收益率</span>
        </div>
        <div class="f2-zhong">
            <p>1000元起投  明星基金经理</p>
            <div class="f2-jindu">
                <div></div>
            </div>
        </div>
        <div class="f2-you" flex="dir:top cross:center">
            <div>立即投资</div>
            <span>已投资700000万元</span>
        </div>
    </div>
</section>



<section class="tabs" flex="main:justify cross:center">
    <div class="shouye" flex="dir:top cross:center">
        <i class=" iconfont iconshouye-"></i>
        <span>首页</span>
    </div>
    <div  flex="dir:top cross:center">
        <i class=" iconfont iconhuaban-"></i>
        <span>理财</span>
    </div>
    <div flex="dir:top cross:center">
        <i class=" iconfont iconqutouzi"></i>
        <span>投资</span>
    </div>
    <div flex="dir:top cross:center">
        <i class=" iconfont iconwode"></i>
        <span>我的</span>
    </div>
</section>






</body>


</html>